<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>社团</title>
<link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo"><a style="color: #009688" href="User_index.jsp">黄淮学院社团管理</a></div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="User_findAllSt.jsp">加入社团</a></li>
				<li class="layui-nav-item"><a href="User_findAllNotice.jsp">公告信息</a></li>
				<li class="layui-nav-item"><a href="User_findAllActivity.jsp">活体信息</a></li>
				<li class="layui-nav-item"><a href="User_registerSt.jsp">注册社团</a></li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> <s:property
							value="#session.loginUser.studentName" />
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href='<%=path%>/user/User_queryById.action?type=userInfo&userId=<s:property value="#session.loginUser.studentId"/>'>基本资料</a>
						</dd>
						<dd>
							<a href="">安全设置</a>
						</dd>
					</dl></li>
				<li class="layui-nav-item"><a
					href="<%=path%>/user/User_logout.action">退出</a></li>
			</ul>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div class="layui-container" style="padding: 15px;">
				<div class="row">
					<div class="layui-col-md12">
						<table class="layui-table">
						  <colgroup>
						    <col width="150">
						    <col width="200">
						    <col>
						  </colgroup>
						  <thead>
						    <tr>
						      <th>标题</th>
						      <th>发布时间</th>
						      <th>内容</th>
						    </tr> 
						  </thead>
						  <tbody>
						    <tr>
						      <td>贤心</td>
						      <td>2016-11-29</td>
						      <td>人生就像是一场修行</td>
						    </tr>
						    <tr>
						      <td>许闲心</td>
						      <td>2016-11-29</td>
						      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
						    </tr>
						  </tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			<div class="row">
				<div class="" id="layerDemo" >
					黄淮学院 15软工 姜帅民 杨牧野 冯国华 韦博深
		  			<button data-method="notice" data-type="auto" class="layui-btn layui-btn-primary">联系我们</button>
				</div>
			</div>
			
		</div>
	</div>
<script src="../layui/layui.js"></script>
<script>

layui.use('element', function(){
	  var element = layui.element;
});

layui.use('form', function(){
	  var form = layui.form;
	  
	  //监听提交
	  form.on('submit(formDemo)', function(data){
	    layer.msg(JSON.stringify(data.field));
	    return false;
	  });
	});
	
//弹出层
layui.use('layer', function(){ //独立版的layer无需执行这一句
	var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
  //触发事件
  var active = {
		  notice: function(){
		      //示范一个公告层
		      layer.open({
		        type: 1
		        ,time: 5000
		        ,title: false //不显示标题栏
		        ,closeBtn: false
		        ,area: '300px;'
		        ,shade: 0.8
		        ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
		        ,btn: ['知道了']
		        ,btnAlign: 'c'
		        ,moveType: 1 //拖拽模式，0或者1
		        ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">QQ:12345678<br><br>我们此后的征途是星辰大海 ^_^</div>'
		        ,success: function(layero){
		          
		        }
		      });
		    }
  };
  
  $('#layerDemo .layui-btn').on('click', function(){
    var othis = $(this), method = othis.data('method');
    active[method] ? active[method].call(this, othis) : '';
  });
  
});
</script>

</body>
</html>